<template>
    <div>
        <!-- <van-button type="primary" text="显示遮罩层" @click="show = true" /> -->
        <van-overlay :show="show" @click="show = false">
            <div class="wrapper" @click.stop>
                <div class="block">
                    <div class="choose">
                        <div class="p1">
                            <p>拍照</p>
                        </div>
                        <p>从手机选择</p>
                    </div>
                    <div class="btn" @click="quit">
                        取消
                    </div>
                </div>
            </div>
        </van-overlay>
    </div>
</template>
<script>
    export default{
        data(){
            return{
                show:true
            }
        },
        methods:{
            quit(){
                this.$router.push('./CeateGroupBuy')
            }
        }
    }
</script>
<style scoped>
    .wrapper {
      height: 100%;
    }
   
    .block {
      width: 100%;
      background-color: #4c4c4c;
      position: fixed;
      bottom: 0;
      margin: 10px 0;
    }
    .choose{
        background: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 120px;
        margin: 0 auto;
        border-radius: 10px;
    }
    .p1{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid grey;
    }
    .btn{
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 50px;
        margin: 20px auto;
        color: black;
        border-radius: 10px;
    }

</style>